<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=windows-1250"/>
		<title>--==OPTIONS==--</title>
		<script type="text/javascript">
			
			// Permet d'aller dans un repertoire trier defini par son 'cheminId'
			function goTrier(cheminId) {
				document.formA.cmd.value="goTrier";
				document.formA.valeur1.value=cheminId;
				document.formA.submit();
			}
			
			
			
			
		
			// verif formulaire
			function verifFormAjouterDossier() {
			
				if (document.formAjouterDossier.nomDossier.value.length==0) {
					alert("Le nom du dossier n'est pas saisi!");
					document.formAjouterDossier.nomDossier.focus();
					return false;
				}
				return true;
			}
			
			// Affiche la page afficher
			function menuATrier() {
				window.location.replace("atrier.html");
			}
			
			// Affiche la page afficher
			function menuAfficher() {
				window.location.replace("afficher.html");
			}
                
                // Redimentionne la photo ATRIER apercu et ajuste la hauteur
                function redimensionnerPhotoAtrier() {
	                
                  if (isNaN(document.formRedimensionnerPhotoAtrier.widthPhotoAtrier.value)) {
                    alert("La largeur de l'apercu A TRIER n'est pas un nombre!");
                    document.formRedimensionnerPhotoAtrier.widthPhotoAtrier.focus;
                  } else {
                    document.getElementById("apercuAtrier").width=document.formRedimensionnerPhotoAtrier.widthPhotoAtrier.value;
                    document.formRedimensionnerPhotoAtrier.heightPhotoAtrier.value=document.getElementById("apercuAtrier").height;
                  }
                }
                
                // Redimentionne la photo VISIONNER apercu et ajuste la hauteur
                function redimensionnerPhotoVisionner() {
                  
                  if (isNaN(document.formOptions.widthPhotoVisionner.value)) {
                    alert("La largeur de l'apercu VISIONNER n'est pas un nombre!");
                    document.formOptions.widthPhotoVisionner.focus;
                  } else {
                    document.getElementById("apercuVisionner").width=document.formOptions.widthPhotoVisionner.value;
                    document.formOptions.heightPhotoVisionner.value=document.getElementById("apercuVisionner").height;
                  }
                }
                
                // Redimentionne la photo CREATION apercu et ajuste la hauteur
                function redimensionnerPhotoCreation() {
                  
                  if (isNaN(document.formOptions.widthPhotoCreation.value)) {
                    alert("La largeur de l'apercu CREATION n'est pas un nombre!");
                    document.formOptions.widthPhotoCreation.focus;
                  } else {
                    document.getElementById("apercuCreation").width=document.formOptions.widthPhotoCreation.value;
                    document.formOptions.heightPhotoCreation.value=document.getElementById("apercuCreation").height;
                  }
                }
                        
		</script>
		<link title="test" type="text/css" rel="stylesheet" href="include/gestionPhoto.css" />
	</head>
	<body>
		<!-- Titre -->
		<div class="titre">
			Options TRIER<br/><br/>
		</div>
		
		<!-- MENU PRICIPAL -->
		<script type="text/javascript" src="include/menu_principal.js"></script>
		<div><br/></div>
		
		<table border="0" width="95%" align="center">
			<tr>
				<td width="160" valign="top">
					<!-- MENU OPTIONS LATERAL -->
					<script type="text/javascript" src="include/menu_options.js"></script>
				</td>
				<td>
					<!-- Formulaire -->
					<table border="0" width="90%" align="center">
						<tr>
			                <td>
			                	<!-- Taille vignette ATRIER -->
								<table border="0" align="center" width="95%">
				                    <tr align="center">
					                      <td class="entete_cadre1">
					                        	Taille vignette Trier
					                      </td>
				                    </tr>
				                    <tr align="center">
					                      <td class="contenu_cadre1">
					                        	<img id="apercuAtrier" src="5.jpg" width="80" alt=""/>
												<br/>
						                        
						                        <form name="formRedimensionnerPhotoAtrier" action="#" method="post">
						                        	Dimension : 
						                        	<input type="text" name="widthPhotoAtrier" value="80" size="3" maxlength="3" onblur="redimensionnerPhotoAtrier();"/> x
						                        	<input type="text" name="heightPhotoAtrier" value="60" size="3" readonly="readonly"/>
						                        	<input type="button" name="Go" value="Go" onclick="redimensionnerPhotoAtrier();"/>
						                        </form>
					                      </td>
				                    </tr>
				                  </table>
			                </td>
			                <td>
			                	<!-- Nombre colonnes lignes-->
								<table border="0" align="center" width="95%">
								    <tr align="center">
								          <td class="entete_cadre1">
								            	Disposition Trier
								          </td> 
								    </tr>
								    <tr align="center">
								        <td class="contenu_cadre1">
											<table border="0">
												<tr>
													<td>
								                		Nombre de photos par page :
								                	</td>
								                	<td>
								                		<input type="text" name="nBLlignes" value="100" size="3" maxlength="3" onblur=""/>
								                	</td>
								                </tr>
												<tr>
													<td>
								                		Nombre de colonnes :
								                	</td>
								                	<td>
								                		<input type="text" name="nbColonnes" value="10" size="3" maxlength="2"/>
								                	</td>
								                </tr>
								            </table>
								        </td>
								    </tr>
								</table>
			                </td>
			            </tr>
			            <tr>
			            	<td colspan="2">&nbsp;</td>
			            </tr>
			            <tr align="center">
			            	<td colspan="2">
			            		<!-- Dossiers ATRIER -->
			            		<table border="0" align="center" width="95%">
								    <tr align="center">
								          <td class="entete_cadre1">
								            	Dossiers Trier
								          </td> 
								    </tr>
								    <tr align="center">
								    	<td class="contenu_cadre1">
								          	<table width="90%" border="0">
								          		<tr class="ligne_entete" align="center">
								          			<td>
								          				Chemin
								          			</td>
								          			<td width="100" align="center">
								          				Accessible
								          			</td>
								          			<td width="90" align="center">
								          				Principal
								          			</td>
								          			<td width="90" align="center">
								          				Suppression
								          			</td>
								          		</tr>
								          		<tr class="ligne_couleur_claire">
								          			<td>
								          				<a href="javascript:void(0);" onclick="goTrier(1);">c:\trier</a>
								          			</td>
								          			<td width="100" align="center">
								          				<img src="include/images/accessible.jpg" width="20" alt="Accessible"/>
								          			</td>
								          			<td width="90" align="center">
								          				<input type="radio" name="principal" value="oui" checked="checked"/>
								          			</td>
								          			<td width="90" align="center">
								          				<img src="include/images/supprimer.jpg" alt=""/>
								          			</td>
								          		</tr>
								          		<tr class="ligne_couleur_normale">
								          			<td>
								          				d:\trier
								          			</td>
								          			<td width="100" align="center">
								          				<img src="include/images/inaccessible.jpg" alt="Inaccessible"/>
								          			</td>
								          			<td width="90" align="center">
								          				<input type="radio" name="principal" value="non"/>
								          			</td>
								          			<td width="90" align="center">
								          				<img src="include/images/supprimer.jpg" alt=""/>
								          			</td>
								          		</tr>
								          		<tr class="ligne_couleur_claire">
								          			<td>
								          				e:\trier
								          			</td>
								          			<td width="100" align="center">
								          				<img src="include/images/inaccessible.jpg" alt="Inaccessible"/>
								          			</td>
								          			<td width="90" align="center">
								          				<input type="radio" name="principal" value="non2"/>
								          			</td>
								          			<td width="90" align="center">
								          				<img src="include/images/supprimer.jpg" alt=""/>
								          			</td>
								          		</tr>
								          		<tr align="center">
								          			<td colspan="4">
								          				Chemin : 
								                		<input type="text" name="dossierATrier" value="i:\" size="50" onblur=""/>
								                		<input type="button" name="Ajouter" value="Ajouter" onclick="redimensionnerPhotoCreation();"/>		
								          			</td>
								          		</tr>
								          	</table>
								        </td>
								    </tr>
								</table>
			            	</td>
			            </tr>
			            <tr>
			            	<td colspan="2">&nbsp;</td>
			            </tr>
						<tr align="center">
							<td colspan="2">
								<input type="hidden" name="cmd" value="ajouterDossier"/>
								<input type="submit" name="Valider" value="Valider"/>
							</td>
						</tr>
					</table>
					
				</td>
			</tr>
		</table>
		
		<!-- FORMULAIRE POUR LES LIENS -->
		<form name="formA" action="#" method="post">
			<input type="hidden" name="page" value="accueil.html"/>
			<input type="hidden" name="cmd" value=""/>
			<input type="hidden" name="valeur1" value=""/>
		</form>
		
	</body>
</html>
